<!DOCTYPE HTML>
<html>
	<head>
	    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>Entry Screen</title>
		<script type="text/javascript" src="script/jquery1.7.2.js"></script>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript" src="script/util.js"></script>
	</head>
	<body>
		<div id="header">
			<div class="row">
				<ul id="nav">
					<li><a href="dashboard.html">Dashboard</a></li>
					<li><a href="entry-screen.html">Entry Screen</a></li>
					<li><a href="index.html">Logout</a></li>
				</ul>
			</div>
		</div>
		<div class="row">
			<select name="entry-option" class="entry-screen" onChange="showScreen()">
				<option value="transaction">Transactions</option>
				<option value="customer" selected="selected">Customers</option>
				<option value="product">Products</option>
				<option value="lender">Lenders</option>
			</select>
		</div>
		
		<!-- Start #customer-entry.screen -->
		<div id="customer-entry" class="screen">
			<div class="row">
				<table class="record form">
					<form method="post" action="customer/update">
					<caption>Customers</caption>
					<tr><td>First Name</td><td><input type="text" name="firstname" value="" /></td></tr>
					<tr><td>Last Name</td><td><input type="text" name="lastname" value="" /></td></tr>
					<tr><td>Zip Code</td><td><input type="text" name="zipcode" value="" /></td></tr>
					<tr><td colspan="2"><input type="submit" name="customer" value="Save"/></td></tr>
					</form>
				</table>
			</div>
			<div class="row">
				<table class="record table">
					<tr><th>First Name</th><th>Last Name</th><th>Zip Code</th></tr>
					<tr><td colspan="3" style="text-align:center">No customer data were saved.</td></th>
				</table>
			</div>
		</div><!-- #customer-entry -->
		
		<!--  Start #product-entry.screen -->
		<div id="product-entry" class="screen">
			<div class="row">
				<table class="record form">
					<form method="post" action="product/update">
						<caption>Products</caption>
						<tr><td>Product ID/Stock No</td><td><input type="text" name="productId" value="" /></td></tr>
						<tr><td>Product Type</td><td><select name="productType"><option value="service">Service</option><option value="nonService">Non-Service</option></select></td></tr>
						<tr><td>Description</td><td><input type="text" name="description" value="" style="width:500px;"/></td></tr>
						<tr><td>Amount</td><td><input type="text" name="amount" value="" /></td></tr>
						<tr><td colspan="2"><input type="submit" name="product" value="Save"/></td></tr>
					</form>
				</table>
			</div>
			<div class="row">
				<table class="record table">
					<tr><th>Product ID/Stock No</th><th>Product Type</th><th>Description</th><th>Amount</th></tr>
					<tr><td colspan="4" style="text-align:center">No product or stock data were saved.</td></th>
				</table>
			</div>
		</div><!-- End #product-entry.screen -->
		
		<!-- Start #transaction-entry.screen -->
		<div id="transaction-entry" class="screen">
			<div class="row">
				<table class="record form">
					<form method="post" action="transaction/update">
						<caption>Transactions</caption>
						<tr>
							<td>Transaction No</td>
							<td>
								<input type="text" value="" class="active" id="transactionNo" name="transactionNo"/>
								<select name="transactionNo" id="transactionOption" onChange="transactionChange()">
									<option value="new">New</option>
									<option value="1265482">1265482 - Tanglao, Franz Noel</option>
									<option value="2657852">2657852 - Marston, Donald</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>Customer Name</td>
							<td>
								<select name="customer-options">
									<option value="1">Marston, Donald</option>
									<option value="2">Tanglao, Franz Noel</option>
								</select>
							</td>
						</tr>
						<tr><td>Transaction Date</td><td><input type="date" value="" name="transactionDate"/></td></tr>
						<tr>
							<td>Lender Name</td>
							<td>
								<select name="lender">
									<option value="cash">Cash</option>
									<option value="amer">American Express</option>
									<option value="wells">Wells Fargo</option>
									<option value="cap1">Capital One</option>
									<option value="chase">J.P. Morgan Chase </option>
								</select>
							</td>
						</tr>
						<tr><td colspan="2"><input type="submit" name="transaction" value="Save"></td></tr>
					</form>
				</table>
			</div>
			<div class="row">
				<table class="record table">
						<tr><th>Stock No/Product ID</th><th>New or Used</th><th>Description</th><th>Amount</th></tr>
						<tr><td colspan="4" style="text-align:center">No transaction data were saved</td></tr>
				</table>
			</div>
		</div><!-- End #transaction-entry.screen -->
		
		<!-- Start #lenders-entry.screen -->
		<div id="lender-entry" class="screen">
			<div class="row">
				<table class="record form">
					<form method="post" action="lender/update">
						<caption>Lenders</caption>
						<tr><td>Lender ID</td><td><input type="text" name="lenderId" value="" /></td></tr>
						<tr><td>Lender Code</td><td><input type="text" name="lenderCode" value="" /></td></tr>
						<tr><td>Lender Name</td><td><input type="text" name="lenderName" value="" /></td></tr>
						<tr><td colspan="2"><input type="submit" save /></td></tr>
					</form>
				</table>
			</div>
			<div class="row">
				<table class="record table">
					<tr><th>Lender ID</th><th>Lender Code</th><th>Lender Name</th></tr>
					<tr><td colspan="4" style="text-align:center">No lender data were saved</td></tr>
				<table>
			</div>
		</div><!-- End #lenders-entry.screen -->
		
	</body>
</html>